<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // null   undefined
        //   js规定  undefined == null   值等，但不全等
        //   null 空值  属于对象object   是基本数据类型   赋值了但是没有成功
        //   undefined  已声明未赋值的状态  值缺失

        const arr = [12, 3];
        console.log(arr[100]);   // undefined

        const oDiv = document.querySelector('div');  // null

        const res = prompt('请输入');
        console.log(res);   // 取消  null



        // forEach   map   都会遍历   有没有返回值


        // BFC
        //    概念：一种渲染规则
        //    规则：  块级元素自上而下排列，元素自左边开始，子元素不会影响外部元素，BFC不会发生重叠，BFC参与高度计算
        //    触发条件
        //        overflow:hidden ;  float:left/right ;  position:absolute / fixed    display:inline-block / inline-flex

        //    应用
        //        解决margin重叠问题
        //        清除浮动的方法(overflow:hidden , display:inline-block;  ...)
        //        自适应两栏布局

    </script>

</body>

</html>